
<div class="layui-row" id="nowdiv">
	<div class="layui-col-md12" id="ukefu-monitor-top">
		<h1 class="site-h1"
			style="border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;font-size: 21px;line-height:31px;">
			预览式外呼监控 
			<span style="float:right;color:#aaa;font-size:14px;">
			<form  name="search" method="get" style="float: left;">
				<select id="actid" name="actid" lay-ignore style="height: 32px;">
			        <option value="" >选择监控的活动</option>
			        <#if jobList?? && jobList?size gt 0>
			        	<#list jobList as job>
		        			<option value="${job.id!''}" <#if job.id==actid>selected</#if>>${job.name!''}</option>
			        	</#list>
			        </#if>
			    </select>
			</form>
			<span><a id="nowa" href="/apps/monitor/agentcall.html?actid=<#if actid?? && actid!=''>${actid}</#if><#if begin?? && begin!=''>&begin=${begin}</#if><#if end?? && end!=''>&end=${end}</#if>" >
						<i class="layui-icon" style="font-size:16px;color:#aaa;">&#xe669;</i></a>
			</span>
			最后刷新时间：${.now?string("yyyy-MM-dd HH:mm:ss")}
			</span>
		</h1>
		<div class="layui-row">
			<div class="layui-col-md2">
				<div class="uk-measure uk-border uk_monitor">
					<div class="uk-measure-header">
						人工并发总量
					</div>
					<div class="uk-measure-body" style="padding:0px;">
						<div class="ukefu-measure-title" style="color:#5092e1;">
							${agentconcurrency!''}<b style="font-size:14px;">个</b>
						</div>
						<div class="ukefu-bt-submeasure">
							<div class="ukefu-bt-text-content">
								<span style="min-width:110px;display: inline-block;height: 24px;line-height: 24px;margin-right: 10px;">
								坐席正在预览
								</span>
								<span style="color:#5092e1;">${agentpreviewing!'0'}
								</span>
							</div>
							<div class="ukefu-bt-text-content">
								<span style="min-width:110px;display: inline-block;height: 24px;line-height: 24px;margin-right: 10px;">
								通话中坐席数
								</span>
								<span style="color:#5092e1;">
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md2">
				<div class="uk-measure uk-border uk_monitor">
					<div class="uk-measure-header">
						空闲坐席总量
					</div>
					<div class="uk-measure-body" style="padding:0px;">
						<div class="ukefu-measure-title" style="color:#5092e1;">
							${noincall!''}<b style="font-size:14px;">个</b>
						</div>
						<div class="ukefu-bt-submeasure">
							<div class="ukefu-bt-text-content">
								<span style="min-width:110px;display: inline-block;height: 24px;line-height: 24px;margin-right: 10px;">
								空闲坐席比例
								</span>
								<span style="color:#5092e1;"><#if noincallp?? && noincallp!=-1>${noincallp!''}%<#else>/</#if>
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md2">
				<div class="uk-measure uk-border uk_monitor">
					<div class="uk-measure-header">
						空闲坐席最大等待时长
					</div>
					<div class="uk-measure-body" style="padding:0px;">
						<div class="ukefu-measure-title" style="color:#5092e1;">
							<#if noincallpupdmax?? && noincallpupdmax!=-1>${noincallpupdmax!''}<#else>0</#if><b style="font-size:14px;">秒</b>
						</div>
						<div class="ukefu-bt-submeasure">
							<div class="ukefu-bt-text-content">
								<span style="min-width:110px;display: inline-block;height: 24px;line-height: 24px;margin-right: 10px;">
									空闲坐席等待平均时长(秒)
								</span>
								<span style="color:#5092e1;">${noincallpupdavg!""}
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md2">
				<div class="uk-measure uk-border uk_monitor">
					<div class="uk-measure-header">
						坐席通话总时长
					</div>
					<div class="uk-measure-body" style="padding:0px;">
						<div class="ukefu-measure-title" style="color:#5092e1;">
							${sumAgentIncalltime!''}<b style="font-size:14px;">秒</b>
						</div>
						<div class="ukefu-bt-submeasure">
							<div class="ukefu-bt-text-content">
								<span style="min-width:110px;display: inline-block;height: 24px;line-height: 24px;margin-right: 10px;">
									坐席通话平均时长(秒)
								</span>
								<span style="color:#5092e1;">${avgAgentIncalltime!''}
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md2">
				<div class="uk-measure uk-border uk_monitor">
					<div class="uk-measure-header">
						振铃总时长
					</div>
					<div class="uk-measure-body" style="padding:0px;">
						<div class="ukefu-measure-title" style="color:#5092e1;">
							${sumAiRingtime!''}<b style="font-size:14px;">秒</b>
						</div>
						<div class="ukefu-bt-submeasure">
							<div class="ukefu-bt-text-content">
								<span style="min-width:110px;display: inline-block;height: 24px;line-height: 24px;margin-right: 10px;">
									振铃平均时长
								</span>
								<span style="color:#5092e1;">${avgAiRingtime!''}秒
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md2">
				<div class="uk-measure uk-border uk_monitor">
					<div class="uk-measure-header">
						通话总量
					</div>
					<div class="uk-measure-body" style="padding:0px;">
						<div class="ukefu-measure-title" style="color:#5092e1;">
							${sumAiIncalltime!''}<b style="font-size:14px;">秒</b>
						</div>
						<div class="ukefu-bt-submeasure">
							<div class="ukefu-bt-text-content">
								<span style="min-width:110px;display: inline-block;height: 24px;line-height: 24px;margin-right: 10px;">
									接通总量
								</span>
								<span style="color:#5092e1;">${avgAiIncalltime!''}
								</span>
							</div>
							<div class="ukefu-bt-text-content">
								<span style="min-width:110px;display: inline-block;height: 24px;line-height: 24px;margin-right: 10px;">
									接通率
								</span>
								<span style="color:#5092e1;">${avgAiIncalltime!''}%
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
		
</div>
<#include "/apps/service/monitor/include/agenttable.html">
<script>
	layui.use('laydate', function() {
		var laydate = layui.laydate;
		//日期时间范围选择
		laydate.render({ 
		  elem: '#rangdate'
		  ,type: 'datetime'
		  <#if begin?? && end?? && begin!='' && end !=''>,value: '${begin} ~ ${end}'</#if>
		  ,range: '~' //或 range: '~' 来自定义分割字符
		  ,trigger: 'click' //自动弹出控件的事件，采用click弹出
		  ,done: function(value, date, endDate){
			  	var begin = value.split(" ~ ")[0];
			  	var end = value.split(" ~ ")[1];
			  	if (begin!=null && begin!='' && begin!='undefined' && end!=null && end!='' && end!='undefined') {
				  	window.location.href = "/apps/monitor/agentcall.html?actid=<#if actid?? && actid!=''>${actid}</#if>&begin="+begin+"&end="+end;
			  	}
			  }
		});

	});
	
</script>